<template>
	<view class="container">
		<tui-list-cell @click="detail" :arrow="true" padding="32rpx 0" :index="0">
			<view class="tui-item-box">
				<image class="icon" src="../../../static/images/info-icon.png" mode=""></image>
				<text class="tui-list-cell_name">个人资料</text>
			</view>
		</tui-list-cell>
		<tui-list-cell @click="detail" :arrow="true" padding="32rpx 0" :index="1">
			<view class="tui-item-box">
				<image class="icon" src="../../../static/images/ask-icon.png" mode=""></image>
				<text class="tui-list-cell_name">帮助中心</text>
			</view>
		</tui-list-cell>
		<tui-list-cell @click="detail" :arrow="true" padding="32rpx 0" :index="2">
			<view class="tui-item-box">
				<image class="icon" src="../../../static/images/yj-icon.png" mode=""></image>
				<text class="tui-list-cell_name">意见反馈</text>
			</view>
		</tui-list-cell>
		<tui-list-cell @click="detail" :arrow="true" padding="32rpx 0" :index="3">
			<view class="tui-item-box">
				<image class="icon" src="../../../static/images/us-icon.png" mode=""></image>
				<text class="tui-list-cell_name">关于我们</text>
			</view>
		</tui-list-cell>
		<tui-list-cell @click="detail" :arrow="true" padding="32rpx 0" :index="4">
			<view class="tui-item-box">
				<image class="icon" src="../../../static/images/with-icon.png" mode=""></image>
				<text class="tui-list-cell_name">商务合作</text>
			</view>
		</tui-list-cell>

		<view class="loginOut">
			退出账号
		</view>
	</view>
</template>

<script>
	export default {
		components: {

		},
		data() {
			return {

			}
		},
		onReady() {},
		methods: {
			detail(e) {
				console.log(e)
				let nav = e.index;
				switch (nav) {
					case 0:
						uni.navigateTo({
							url: "/pages/center/settings/person/index"
						})
						break;
					case 1:
						uni.navigateTo({
							url: "/pages/center/settings/helpCenter/index"
						})
						break;
					case 2:
						uni.navigateTo({
							url: "/pages/center/settings/feedback/index"
						})
						break;
					default:
						break;
				}
			}
		},
	}
</script>
<style>
	page {
		background: #FFFFFF;
	}
</style>
<style scoped lang="scss">
	.container {
		padding: 0 28rpx;

		.tui-item-box {
			width: 100%;
			display: flex;
			align-items: center;

			.icon {
				width: 40rpx;
				height: 40rpx;
				border-radius: 8rpx;
				vertical-align: middle;
				flex-shrink: 0;
			}

			.tui-list-cell_name {
				padding-left: 20rpx;
				display: flex;
				align-items: center;
				justify-content: center;
			}
		}

		::v-deep {
			.tui-line-left::after {
				left: 0rpx !important;
			}

			.tui-cell-arrow::before {
				right: 0rpx !important;
			}
		}

		.loginOut {
			margin-top: 165rpx;
			text-align: center;
			font-size: 26rpx;
			color: #ff455d;
		}
	}
</style>
